@import 'variables';
@import 'mixins';

.touch-business-list {
    > ul {
        margin-top: 10px;
        background-color: #fff;
        > li {
            padding: 30px 25px;
            border-bottom: 1px solid @border-color;
            > .business-list-img {
                position: relative;
                float: @float-left;
                width: 240px;
                height: 180px;
                margin-right: 30px;
                > a {
                    display: block;
                    > img {
                        width: 100%;
                        height: 100%;
                    }
                }
                &.active {
                    .select-img {
                        display: block;
                    }
                }
            }
            > .business-list-inner {
                > h3 {
                    > a {
                        > span {
                            padding-left: 40px;
                            font-size: @font-size-big;
                            color: @text-dec-color;
                            background-repeat: no-repeat;
                            background-position: left center;
                            background-size: 27px auto;
                            vertical-align: middle;
                            &.m-male {
                                background-image: url(../images/icon/sex-icon-male.png);
                            }
                            &.m-female {
                                background-image: url(../images/icon/sex-icon-female.png);
                            }
                        }
                        > label {
                            font-size: @font-size-small;
                            color: @text-gray-color;
                        }
                        > strong {
                            display: block;
                            margin-top: 10px;
                            font-size: @font-size-small;
                            font-weight: 100;
                            color: @text-dec-color;
                        }
                    }
                }
                .business-list-msg {
                    margin-top: 50px; 
                    > a {
                        padding-left: 30px;
                        font-size: @font-size-small;
                        color: @text-gray-color;
                        background-repeat: no-repeat;
                        background-position: left center;
                        background-size: 20px auto;
                        &:nth-child(1) {
                            background-image: url(../images/icon/icon-mobile.png);
                        }
                        &:nth-child(3) {
                            background-image: url(../images/icon/icon-address.png);
                        }
                    }
                }
            }

        }
    }
}